<!-- <div class="module">
    <p class="module-title">app模块</p>
    <table>
        <thead>
            <tr>
                <th width="150">模块</th>
                <th width="150">文件</th>
                <th width="150">版本</th>
                <th>更新说明</th>
            </tr>
        </thead>
        <tbody>

        </tbody>
    </table>
</div> -->
<div class="tabmain" id="zip">
    <div class="blueline"></div>
    <ul class="tabGroup">
        <li class="tabOption selectedTab" tab-name="logo">logo</li>
        <li class="tabOption" tab-name="welcomePage">welcomePage</li>
        <li class="tabOption" tab-name="index">index</li>
        <li class="tabOption" tab-name="hotelIntr">hotelIntr</li>
        <li class="tabOption" tab-name="roomManage">roomManage</li>
        <li class="tabOption" tab-name="perTravel">perTravel</li>
        <li class="tabOption" tab-name="evalWord">evalWord</li>
    </ul>
    <div class="tabBody">

        <!-- logo -->
        <div class="tabContent ad-logo selectedContent" tab-name="logo" id="ad-logo"></div>

        <!-- welcomePage -->
        <div class="tabContent welcomePage" tab-name="welcomePage">
            <div style="padding: 15px; height: 250px; background-color: #FFFFFF;">
                <input type="text" name="hotelName" style="line-height: 30px; height: 31px;">
                <textarea name="welcomeLg" style="line-height: 30px;" rows="6"></textarea>
            </div>
            <div id="welcomeImg"></div>
        </div>

        <!-- index -->
        <div class="tabContent index" tab-name="index">
            <ul class="file-list" id="indexCarousel"></ul>
            <div style="float: left; width: 50%;" id="homeBroadcastArea"></div>
            <div style="float: left; width: 50%;">
                <ul class="ad-tip" id="indexWord" style="width: 100%; padding: 0 0 10px 7px;"></ul>
                <div class="" style="width: 100%;">
                    <div id="index-qrcode" style="float: left; width: 45%;"></div>
                    <div class="" style="float: left; width: 55%;">
                        <p style="line-height: 30px;">
                            <span style="display: inline-block; width: 46%; text-align: right;">房间号：</span>
                            <input type="text" name="index-roomNum" style="width: 51%;">
                        </p>
                        <p style="line-height: 30px;">
                            <span style="display: inline-block; width: 46%; text-align: right;">Wi-Fi：</span>
                            <input type="text" name="wifiName" style="width: 51%;">
                        </p>
                        <p style="line-height: 30px;">
                            <span style="display: inline-block; width: 46%; text-align: right;">Wi-Fi 密码：</span>
                            <input type="text" name="wifiPsw" style="width: 51%;">
                        </p>
                    </div>
                </div>
            </div>
            <div style="clear: both;"></div>
            <input type="text" style="text-align: center;" name="rollCarousel" value="">
        </div>

        <!-- hotelIntr -->
        <div class="tabContent hotelIntr" tab-name="hotelIntr">
            <ul id="hotelIntr-imgs"></ul>
        </div>

        <!-- roomManage -->
        <div class="tabContent roomManage" tab-name="roomManage">
            <p>客房状态</p>
            <ul class="ad-tip">
                <li>
                    <span style="display: inline-block; width: 80px; text-align: right; padding-right: 10px;">房间号</span>
                    <input type="text" name="roomNum" style="width: 150px;">
                </li>
                <li>
                    <span style="display: inline-block; width: 80px; text-align: right; padding-right: 10px;">入驻</span>
                    <input type="text" name="checkinTime" style="width: 150px;">
                </li>
                <li>
                    <span style="display: inline-block; width: 80px; text-align: right; padding-right: 10px;">到期</span>
                    <input type="text" name="checkoutTime" style="width: 150px;">
                </li>
            </ul>
            <p>入住交接说明</p>
            <ul class="ad-tip" id="guestKnow"></ul>
        </div>

        <!-- perTravel -->
        <div class="tabContent perTravel" tab-name="perTravel">
            <ul id="perTravel-imgs"></ul>
        </div>

        <!-- evalWord -->
        <div class="tabContent evalWord" tab-name="evalWord">
            <div>
                <ul>
                    <li class="active" data-type="hotelServe">hotelServe</li>
                    <li data-type="funcAbnor">funcAbnor</li>
                    <li data-type="fix">fix</li>
                </ul>
            </div>
            <ul id="hotelServe"></ul>
            <ul id="funcAbnor" style="display: none"></ul>
            <ul id="fix" style="display: none">
                <!-- <li>
                    <div class="img-single" id="evalWord-fix" style="width: 150px; display: none;">
                        <p class="imgWrap">
                            <img src="" width="100%" height="auto">
                        </p>
                        <div class="file-panel">
                            <span class="cancel"></span>
                        </div>
                    </div>
                    <div class="add-icon" id="evalWord-fix-add" style="width: 200px; height: 150px;">
                        <input type="file" name="" value="" data-module="evalWord-fix" data-upload="evalWord">
                    </div>
                </li> -->
            </ul>
        </div>
    </div>

</div>
